/* logo动画 */
@keyframes entranceAnimation {
  0% {
    opacity: 0.75;
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    transform: translateY(-30px);
  }
}

.entrance {
  animation: entranceAnimation 1s forwards;
}


@keyframes fieldAnimation {
  0% {
    opacity: 1;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.field {
  animation: fieldAnimation 1s forwards;
}

/* 文字动画 */
@keyframes textAnimation {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-65px);
  }
}

.text-entrance {
  animation: textAnimation 1s forwards;
}

@keyframes textField {
  0% {
    transform: translateY(-65px);
  }

  100% {
    transform: translateY(0);
  }
}

.text-field {
  animation: textField 1s forwards;
}

/* slogan + 图标动画 */
@keyframes sloganAnimation {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    transform: translateY(-65px);
  }
}

.slogan-entrance {
  animation: sloganAnimation 1s forwards;
}

@keyframes sloganField {
  0% {
    opacity: 1;
    transform: translateY(-65px);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

.slogan-field {
  animation: sloganField 1s forwards;
}